<template>
	<div class="app">
		<h2 >{{msg}} </h2>
		<School></School>
		<Student></Student>
	</div>
	
</template>

<script>
	// 引入Student组件
	import Student from './components/Student.vue'
	import School  from './components/School.vue'
	
	// 如果样式类名冲突，按照引入的顺序，后来居上，将前面的样式覆盖 
	
	export default{
		name:'App',
		components:{
			Student,
			School
		},
		data(){
			return{
				msg:'你好啊,24全局事件总线',
			}
		},
	}
</script>

<style scoped>
	.app{
		background-color: #c5bfb4;
		padding: 5px;
	}
</style>
